﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Home2.aspx.cs" Inherits="Pages_Home2" MasterPageFile="~/Pages/MasterPage.master" %>

<asp:Content ID="contHead" runat="server" ContentPlaceHolderID="cphHead">
    <script src="../js/HomeAndPerfil.js" type="text/javascript"></script>
    <link href="../css/Home.css" rel="stylesheet" type="text/css" />
</asp:Content>

<asp:Content ID="contBody" runat="server" ContentPlaceHolderID="cphContenido">
	<div class="container_12">
        <script type="text/javascript">
            setIdUsuarioLogueado('<%=Session["IdUsuario"]%>');
            traerPosts('<%=Session["IdUsuario"]%>', 10, "../servicios/Usuario.asmx/ObtenerPostsSeguidos");
            traerContactos('<%=Session["IdUsuario"]%>', 3);
            traerUsuario('<%=Session["IdUsuario"]%>');
            traerTopTen('<%=Session["IdUsuario"]%>');

            $(document).ready(function () {
                $(window).scroll(function () {
                    if ($(window).scrollTop() == $(document).height() - $(window).height()) {
                        if (cantPost < CANTIDAD_SCROLL) {
                            traerPosts('<%=Session["IdUsuario"]%>', 1, "../servicios/Usuario.asmx/ObtenerPostsSeguidos");
                        } else {
                            if (traerMasPost) {
                                $('<div id="traerMasPosts" class="caja-post alpha ContenidoPagina"><a id="traerLink" href="javascript:aunMasPosts();">Aún Más Posts!</a></div>').appendTo('#post-nuevos');
                                traerMasPost = false;
                            }

                        }
                    }
                });
            });
        </script>
	    <div id="scroll" class="grid_12 separacion"></div>
        <br />
		<div class="grid_12 omega">
            <div id="topTenPosts"><h2 class="titulo">Top Ten Post Bancados</h2><ul id="listaTopTen"></ul></div>
		    <div style="height:100%;" class="grid_3">
			    <div id="Perfil" class="alpha grid_3 ContenidoPagina">

				    <div id="fotoPerfilUsuario"></div>
				    <div id="nombreUsuario"></div>
				    <div id="tipoUsuario"></div>
                </div>
			    <div id="Contactos" class="alpha grid_3 omega">
                    <input id="btnInvitar" class="butoon recuadro" type="button" value="Invitar amigos"  onclick="shareFacebook();" />
                    <br /><br />
	                <div id="BuscarFoto">
                        Cambiar foto perfil:<br />
                        <asp:FileUpload id="FilePhotoUpload" CssClass="recuadro" runat="server" />
                        <asp:Button id="btnSearchPhoto" CssClass="butoon recuadro" runat="server" Text="Cambiar" onclick="SearchPhoto_Click"/>
                        <br />
                        <div id="error" class="grid_3 alpha error cuadroError" runat="server" visible="false">
                            <img class="ImagenRedSocial" src="../Images/Icons/error.png" alt="" />
                        </div>
                        <br />  
	                </div>
                    <br />
                    <!--<input id="Search" type="text" class="SearchNotFocus" value="Buscar nuevo contacto..." onfocus="FocusSearch()" onblur="NotFocusSearch()" />-->
                    <div class="alpha grid_1 omega">Contactos:</div>
                    <div id="ContainerbtnVerTodos" class="grid_2">
                        <input id="btnVerTodos" class="butoon recuadro" type="button" value="Ver todos"  onclick="IrAVerTodos('<%=Session["IdUsuario"]%>')"/>
                    </div>
			        <div id="MisContactos" class="alpha grid_3 ContenidoPagina">                                              
			        </div>                    
			    </div>
            </div>
            <div id="loaderDiv" ><img id="loaderLarge" alt="loader" src="../Images/ajax-loader-large.gif" /></div>
            <div id="bancadores" class="contenedorBancadores"><div id="cerrarBancadores" onclick="cerrarBancadores();"><b>x</b></div></div>						
			<div class="newPosts" id="post-nuevos"></div><!--ATENCION: NO dejar espacios entre la etiqueta div y su etiqueta de cierre-->	     
        </div>	       	
    </div>
</asp:Content>
